@charset "utf-8";
/* CSS Document */
     body,ul,li,p,dl,dt,dd,h1,h2{ margin:0; padding:0;font-family:"微软雅黑"}
     img{border:0}
	 li{list-style:none}
     img{border:0}
img{border:0}
input{ outline:none}
.layout2{
    padding-top: 0px; 
    margin:0 auto; 
    background:url(../image/bg3.png) no-repeat;
   -moz-background-size:100% 100%;
    background-size:100% 100%;
    width: 100%;
    height: 100%; 
    position: fixed;
}

.layout2 header{
	width:100%;
	height:40px;
	background:#202020;
	color:#FFF;
	font-size:16px;
	padding-top:10px
 
}
.layout2 header a img{
  vertical-align:middle;
  margin-right:10px;
  margin-left:15px
}
.layout2 span img{
	margin-top:15px;
	margin-left:15px
	}
.layout2 ul li{
    list-style: none;

    position: relative;
}
.err_msg{
    height:15px;
    text-align: center;
    color:red;
}
.layout2 form{margin-top:90px}

.layout2 .pw img{margin-left:58%}
.yzm2{
    width:85%;
    height:35px;
    background:;
    filter:alpha(opacity:70);
    opacity: 0.7;
	margin-left:7%;
    list-style: none;
    margin-top:5px;
    padding-left:50px;
    border:1px solid #795928;
	color:#666;
	font-size:13px;	
}
.yzm2{
 background:url("../image/home.png") no-repeat left center,url("../image/xiala.png") no-repeat right center,rgba(38,38,38,1); 
 
}
.username{background:url(../image/iphone3.png) no-repeat #1e1e1e left center;}
.pwd{background:url(../image/suo.png) no-repeat #1e1e1e left center;}
.pwd2{background:url(../image/suo.png) no-repeat #1e1e1e left center;}

.username2{
    width:30%;
    height:35px;
    background:url(../image/lady.png) no-repeat #1e1e1e left center;
    filter:alpha(opacity:70);
    opacity: 0.7;
    list-style: none;
	margin-left:7%;
    margin-top:5px;
    padding-left:50px;
    border:1px solid #795928;
	color:#999;
	font-size:13px;
	margin-right:20px
}

ul li img{
	margin-left:10px;
	margin-top:8px;
	z-index:100;
	}
.un,.yz, .pw, .pw2{
    position: absolute;
    margin-top:7px;
}
.queren{
    list-style: none;
    margin:5px 0;
    width:25%; 
    margin-left:10%;
    height:20px;
    position:relative;
}
.fx{
    width:13px;
    height:13px;
    border:1px solid #4f7b9c;
    float: left;
}
.queren p{
    text-align: left;
    margin-top:2px; 
    font-family: "Microsoft YaHei";
    font-size: 12px;
    color:#0C0C0C;
    width:180px;
}
.reg-btn{
    width:100%;
    height:30%;
    margin-top:80px;
}
.submit{
    width:83%;
    height:35px;
    background:#d1aa7f;
	border:0;
    text-align: center;
    margin:10px 0px 0px 9%;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    opacity:0.7;
    cursor: pointer;
	margin-left:28px
}
.reg-login p{
    width:70%;
    height:35px;
    line-height: 35px;
    background:#989898;
    border:1px solid #989898;
    text-align: center;
    margin:15px 0 0 11%;
    color:#fff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    border-radius: 3px;
    display: block;
}



   
    .radio{  
        position: relative;  
        display: inline-block;  
        font-weight: 400;  
        color:#E0AD74;
        padding-left: 22px;  
        cursor: pointer;  
		font-size:14px;
		padding-top:3px
    }  
     .radio input{  
        position: absolute;  
        left: -9999px;  
    }  
   .radio i{ 
        display: block;  
        position: absolute;  
        top: 6px;  
        left: 0;  
        width: 12px;  
        height: 12px;  
        outline: 0;  
        border: 1px solid #E0AD74;  
        background:#333;  
        border-radius: 50%;  
        transition: border-color .3s;  
        -webkit-transition: border-color .3s;  
    }  
     .radio input:checked+i{  
        border-color:#8C6D1E;  
    }  
  .radio input+i:after{  
        position: absolute;  
        content: '';  
        top: 3px;  
        left: 3px;  
        width: 6px;  
        height: 6px;  
        border-radius: 50%;  
        background-color:#E0AD74;  
        opacity: 0;  
        transition: opacity .1s;  
        -webkit-transition: opacity .1s;  
    }  
  .radio input:checked+i:after{  
        opacity: 1;  
    }  





 select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
   border: solid 1px #000;
 
  /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
   background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
 /*为下拉小箭头留出一点位置，避免被文字覆盖*/
   padding-right: 14px;
 }
 /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
 select::-ms-expand { display: none; }


 #parent {background: url('yourimage') no-repeat; width: 100px;height: 30px; overflow: hidden;}
 #parent select {background: transparent; border: none; padding-left: 10px; width: 120px; height: 100%;}